<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:h="http://java.sun.com/jsf/html"  
      xmlns:f="http://java.sun.com/jsf/core"  
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:t="http://myfaces.apache.org/tomahawk"
      xmlns:p="http://primefaces.org/ui">  

    <ui:composition template="/templates/layout.xhtml">
        <ui:define name="content">                     
            <div class="block">
                <div class="navbar navbar-inner block-header">
                    <div class="muted pull-left">
                        <t:outputText value="SỬA LỚP HỌC"/>
                    </div>
                </div>
                <div class="block-content collapse in">

                    <div class="form-horizontal">
                        <div class="span12">
                            <fieldset>
                                <legend><h:outputText value="THÔNG TIN LỚP HỌC"/></legend>
                            </fieldset>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="txtCourseID"><h:outputText value="Mã Lớp Học:"/> </label>
                            <div class="controls">
                                <h:inputText styleClass="span8" id="txtCourseID"  value="#{courseEntity.id}" disabled="true"/>

                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="txtCourseName"><h:outputText value="Tên Khóa Học:"/> </label>
                            <div class="controls">
                                <h:inputText styleClass="span8" id="txtCourseName"  value="#{courseEntity.courseName}"/>

                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="select01"><h:outputText value="Loại:"/></label>
                            <div class="controls">
                                <t:selectOneMenu value="#{courseEntity.courseType}" styleClass="chzn-select">
                                    <f:selectItem itemValue="1" itemLabel="Ngoại Khóa"/>
                                    <f:selectItem itemValue="2" itemLabel="Chính Khóa"/>
                                </t:selectOneMenu>

                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="select02"><h:outputText value="Cấp Độ:"/></label>
                            <div class="controls">
                                <t:selectOneMenu id="select02" value="#{courseEntity.courseLevelID}" styleClass="chzn-select">
                                    <f:selectItem itemValue="1" itemLabel="Cấp Độ 1A"/>
                                    <f:selectItem itemValue="2" itemLabel="Cấp Độ 1B"/>
                                    <f:selectItem itemValue="3" itemLabel="Cấp Độ 2A"/>
                                    <f:selectItem itemValue="4" itemLabel="Cấp Độ 2B"/>
                                    <f:selectItem itemValue="5" itemLabel="Cấp Độ 3A"/>
                                    <f:selectItem itemValue="6" itemLabel="Cấp Độ 3B"/>
                                    <f:selectItem itemValue="7" itemLabel="Cấp Độ 4A"/>
                                    <f:selectItem itemValue="8" itemLabel="Cấp Độ 4B"/>
                                </t:selectOneMenu>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="txtScheduler"><h:outputText value="Lịch Học:"/></label>
                            <div class="controls">
                                <h:inputText styleClass="span7" id="txtScheduler"  value="#{courseEntity.scheduler}"/>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="txtTimeFrame"><h:outputText value="Ca:"/> <i class="icon-home"></i></label>
                            <div class="controls">
                                <h:inputText styleClass="span4" id="txtTimeFrame"   value="#{courseEntity.timeFrame}"/>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="txtDescription"><h:outputText value="Miêu tả:"/> <i class="icon-home"></i></label>
                            <div class="controls">
                                <h:inputTextarea styleClass="span8" id="txtDescription"   value="#{courseEntity.description}"/>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="txtStatus"><h:outputText value="Trạng Thái:"/><i class="icon-headphones"></i> </label>
                            <div class="controls">
                                <t:selectOneMenu value="#{courseEntity.status}" styleClass="chzn-select">
                                    <f:selectItem itemValue="P" itemLabel="Chưa bắt đầu"/>
                                    <f:selectItem itemValue="A" itemLabel="Hoạt động"/>
                                    <f:selectItem itemValue="C" itemLabel="Đóng"/>
                                </t:selectOneMenu>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="txtStartDate"><h:outputText value="Khai Giảng:"/><i class="icon-headphones"></i> </label>
                            <div class="controls">
                               
                                <p:calendar pattern="dd/MM/yyyy" id="txtDateOpen" showOn="button"  navigator="true" value="#{courseEntity.startedDate}"/>
                    
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="txtCreationDate"><h:outputText value="Ngày Tạo:"/><i class="icon-headphones"></i> </label>
                            <div class="controls">
                                <p:calendar pattern="dd/MM/yyyy" id="txtCreationDate" showOn="button"  navigator="true" value="#{courseEntity.createdDate}" disabled="true"/>
                            </div>
                        </div>
                         <div class="control-group">
                            <label class="control-label" for="txtLastUpdate"><h:outputText value="Ngày Cập Nhật:"/><i class="icon-headphones"></i> </label>
                            <div class="controls">
                                <p:calendar pattern="dd/MM/yyyy" id="txtLastUpdate" showOn="button"  navigator="true" value="#{courseEntity.lastModifiedDate}" disabled="true"/>
                            </div>
                        </div>

                        <div class="form-actions">
                            <t:commandLink styleClass="btn btn-primary" action="#{courseManageBean.updateCourse}">Save changes</t:commandLink>
                            <button type="reset" class="btn" onclick="window.history.back()">Cancel</button>
                        </div>
                    </div>

                </div>

            </div>

            <script type="text/javascript" language="JavaScript">

                jQuery.noConflict();
                $(document).ready(function() {
                    // your jQuery code   
                });
                

            </script>
        </ui:define>
    </ui:composition>        

</html>  